// useState 让函数组件拥有state功能
import React, { useState } from 'react'

// ui组件 不能使用state 同时它没有生命周期
const App = () => {

  /*
  state = {
    count:0,
    name:'张三'
  }
  */

  // 数组1 之间的state中的变量
  // 数组2 setCount设置count数据 相当于 this.setState方法
  // useState 参数值，为数组1的默认值
  let [count, setCount] = useState(0)
  let [name, setName] = useState('张三')

  return (
    <div>
      <h1>{count} --- {name}</h1>
      <button onClick={() => setCount(count + 1)}>+++</button>
    </div>
  );
}

export default App